<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorate="layout/layout">
<section layout:fragment="content-header" class="content-header">
    <!--    <div class="container-fluid">-->
    <!--        <div class="row mb-2">-->
    <!--            <div class="col-sm-6">-->
    <!--                <h1>数据统计和快捷入口-->
    <!--                </h1>-->
    <!--            </div>-->

    <!--        </div>-->
    <!--    </div>-->
</section>
<div layout:fragment="main-content">

    <section class="content">
        <div class="container-fluid">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title" th:text="'欢迎登录' + ${title}"></h3>
                </div>
                <!--                <div class="card-body">-->
                <!--                    <div class="row">-->
                <!--                        <div class="col-lg-3 col-6">-->

                <!--                            <div class="small-box bg-info">-->
                <!--                                <div class="inner">-->
                <!--                                    <h3>150</h3>-->
                <!--                                    <p>新订单</p>-->
                <!--                                </div>-->
                <!--                                <div class="icon">-->
                <!--                                    <i class="ion ion-bag"></i>-->
                <!--                                </div>-->
                <!--                                <a href="#" class="small-box-footer">更多信息<i class="fas fa-arrow-circle-right"></i></a>-->
                <!--                            </div>-->
                <!--                        </div>-->

                <!--                        <div class="col-lg-3 col-6">-->

                <!--                            <div class="small-box bg-success">-->
                <!--                                <div class="inner">-->
                <!--                                    <h3>53<sup style="font-size: 20px">%</sup></h3>-->
                <!--                                    <p>>跳出率</p>-->
                <!--                                </div>-->
                <!--                                <div class="icon">-->
                <!--                                    <i class="ion ion-stats-bars"></i>-->
                <!--                                </div>-->
                <!--                                <a href="#" class="small-box-footer">更多信息<i class="fas fa-arrow-circle-right"></i></a>-->
                <!--                            </div>-->
                <!--                        </div>-->

                <!--                        <div class="col-lg-3 col-6">-->

                <!--                            <div class="small-box bg-warning">-->
                <!--                                <div class="inner">-->
                <!--                                    <h3>44</h3>-->
                <!--                                    <p>用户注册</p>-->
                <!--                                </div>-->
                <!--                                <div class="icon">-->
                <!--                                    <i class="ion ion-person-add"></i>-->
                <!--                                </div>-->
                <!--                                <a href="#" class="small-box-footer">更多信息<i class="fas fa-arrow-circle-right"></i></a>-->
                <!--                            </div>-->
                <!--                        </div>-->

                <!--                        <div class="col-lg-3 col-6">-->

                <!--                            <div class="small-box bg-danger">-->
                <!--                                <div class="inner">-->
                <!--                                    <h3>65</h3>-->
                <!--                                    <p>独立访客</p>-->
                <!--                                </div>-->
                <!--                                <div class="icon">-->
                <!--                                    <i class="ion ion-pie-graph"></i>-->
                <!--                                </div>-->
                <!--                                <a href="#" class="small-box-footer">更多信息<i class="fas fa-arrow-circle-right"></i></a>-->
                <!--                            </div>-->
                <!--                        </div>-->

                <!--                    </div>-->

                <!--                    <div class="row">-->
                <!--                        <div class="col-md-6">-->

                <!--                            <div class="card">-->
                <!--                                <div class="card-header">-->
                <!--                                    <h3 class="card-title">这个统计点啥那？</h3>-->
                <!--                                    &lt;!&ndash;                                    <div class="card-tools">&ndash;&gt;-->
                <!--                                    &lt;!&ndash;                                        <button type="button" class="btn btn-tool" data-card-widget="collapse">&ndash;&gt;-->
                <!--                                    &lt;!&ndash;                                            <i class="fas fa-minus"></i>&ndash;&gt;-->
                <!--                                    &lt;!&ndash;                                        </button>&ndash;&gt;-->
                <!--                                    &lt;!&ndash;                                        <button type="button" class="btn btn-tool" data-card-widget="remove">&ndash;&gt;-->
                <!--                                    &lt;!&ndash;                                            <i class="fas fa-times"></i>&ndash;&gt;-->
                <!--                                    &lt;!&ndash;                                        </button>&ndash;&gt;-->
                <!--                                    &lt;!&ndash;                                    </div>&ndash;&gt;-->
                <!--                                </div>-->

                <!--                                <div class="card-body p-0">-->
                <!--                                    <ul class="users-list clearfix">-->
                <!--                                        <li>-->
                <!--                                            <img src="/static/dist/img/AdminLTELogo.png">-->
                <!--                                            <a class="users-list-name" href="#">亚历山大·皮尔斯</a>-->
                <!--                                            <span class="users-list-date">今天</span>-->
                <!--                                        </li>-->
                <!--                                        <li>-->
                <!--                                            <img src="/static/dist/img/AdminLTELogo.png">-->
                <!--                                            <a class="users-list-name" href="#">诺曼</a>-->
                <!--                                            <span class="users-list-date">昨天</span>-->
                <!--                                        </li>-->
                <!--                                        <li>-->
                <!--                                            <img src="/static/dist/img/AdminLTELogo.png">-->
                <!--                                            <a class="users-list-name" href="#">亚历山大·皮尔斯</a>-->
                <!--                                            <span class="users-list-date">今天</span>-->
                <!--                                        </li>-->
                <!--                                        <li>-->
                <!--                                            <img src="/static/dist/img/AdminLTELogo.png">-->
                <!--                                            <a class="users-list-name" href="#">诺曼</a>-->
                <!--                                            <span class="users-list-date">昨天</span>-->
                <!--                                        </li>-->
                <!--                                        <li>-->
                <!--                                            <img src="/static/dist/img/AdminLTELogo.png">-->
                <!--                                            <a class="users-list-name" href="#">亚历山大·皮尔斯</a>-->
                <!--                                            <span class="users-list-date">今天</span>-->
                <!--                                        </li>-->
                <!--                                        <li>-->
                <!--                                            <img src="/static/dist/img/AdminLTELogo.png">-->
                <!--                                            <a class="users-list-name" href="#">诺曼</a>-->
                <!--                                            <span class="users-list-date">昨天</span>-->
                <!--                                        </li>-->
                <!--                                        <li>-->
                <!--                                            <img src="/static/dist/img/AdminLTELogo.png">-->
                <!--                                            <a class="users-list-name" href="#">亚历山大·皮尔斯</a>-->
                <!--                                            <span class="users-list-date">今天</span>-->
                <!--                                        </li>-->
                <!--                                        <li>-->
                <!--                                            <img src="/static/dist/img/AdminLTELogo.png">-->
                <!--                                            <a class="users-list-name" href="#">诺曼</a>-->
                <!--                                            <span class="users-list-date">昨天</span>-->
                <!--                                        </li>-->
                <!--                                    </ul>-->

                <!--                                </div>-->

                <!--                                <div class="card-footer text-center">-->
                <!--                                    <a href="javascript:"><font style="vertical-align: inherit;"><font-->
                <!--                                            style="vertical-align: inherit;">查看所有用户</font></font></a>-->
                <!--                                </div>-->

                <!--                            </div>-->

                <!--                        </div>-->
                <!--                        <div class="col-md-6">-->
                <!--                            <div class="card">-->
                <!--                                <div class="card-header">-->
                <!--                                    <h3 class="card-title">这个统计点啥那？</h3>-->
                <!--                                </div>-->

                <!--                                <div class="card-body">-->
                <!--                                    <div class="row">-->
                <!--                                        <div class="col-md-8">-->
                <!--                                            <div class="chart-responsive">-->
                <!--                                                <div class="chartjs-size-monitor">-->
                <!--                                                    <div class="chartjs-size-monitor-expand">-->
                <!--                                                        <div class=""></div>-->
                <!--                                                    </div>-->
                <!--                                                    <div class="chartjs-size-monitor-shrink">-->
                <!--                                                        <div class=""></div>-->
                <!--                                                    </div>-->
                <!--                                                </div>-->
                <!--                                                <canvas id="pieChart" height="113" width="227"-->
                <!--                                                        style="display: block; width: 227px; height: 113px;"-->
                <!--                                                        class="chartjs-render-monitor"></canvas>-->
                <!--                                            </div>-->

                <!--                                        </div>-->

                <!--                                        <div class="col-md-4">-->
                <!--                                            <ul class="chart-legend clearfix">-->
                <!--                                                <li><i class="far fa-circle text-danger"></i>铬合金</li>-->
                <!--                                                <li><i class="far fa-circle text-success"></i>IE</li>-->
                <!--                                                <li><i class="far fa-circle text-warning"></i>火狐</li>-->
                <!--                                                <li><i class="far fa-circle text-info"></i>苹果浏览器</li>-->
                <!--                                                <li><i class="far fa-circle text-primary"></i>歌剧</li>-->
                <!--                                                <li><i class="far fa-circle text-secondary"></i>航海家</li>-->
                <!--                                            </ul>-->
                <!--                                        </div>-->

                <!--                                    </div>-->

                <!--                                </div>-->

                <!--                                <div class="card-footer p-0">-->
                <!--                                    <ul class="nav nav-pills flex-column">-->
                <!--                                        <li class="nav-item">-->
                <!--                                            <a href="#" class="nav-link">美国-->
                <!--                                                <span class="float-right text-danger">-->
                <!--                                                    <i class="fas fa-arrow-down text-sm"></i>-->
                <!--                                                    12%-->
                <!--                                                </span>-->
                <!--                                            </a>-->
                <!--                                        </li>-->
                <!--                                        <li class="nav-item">-->
                <!--                                            <a href="#" class="nav-link">-->
                <!--                                                印度-->
                <!--                                                <span class="float-right text-success">-->
                <!--                                                    <i class="fas fa-arrow-up text-sm"></i>-->
                <!--                                                    4%-->
                <!--                                                </span>-->
                <!--                                            </a>-->
                <!--                                        </li>-->
                <!--                                        <li class="nav-item">-->
                <!--                                            <a href="#" class="nav-link">-->
                <!--                                                中国-->
                <!--                                                <span class="float-right text-warning">-->
                <!--                                                <i class="fas fa-arrow-left text-sm"></i>0%-->
                <!--                                            </span>-->
                <!--                                            </a>-->
                <!--                                        </li>-->
                <!--                                    </ul>-->
                <!--                                </div>-->

                <!--                            </div>-->
                <!--                        </div>-->
                <!--                    </div>-->
                <!--                </div>-->

            </div>

        </div>

    </section>


</div>


<script layout:fragment="business-script">
    // $(function () {
    //
    //     var pieChartCanvas = $('#pieChart').get(0).getContext('2d')
    //     new Chart(pieChartCanvas, {
    //         type: 'doughnut', data: {
    //             labels: ['Chrome', 'IE', 'FireFox', 'Safari', 'Opera', 'Navigator'],
    //             datasets: [{
    //                 data: [700, 500, 400, 600, 300, 100],
    //                 backgroundColor: ['#f56954', '#00a65a', '#f39c12', '#00c0ef', '#3c8dbc', '#d2d6de']
    //             }]
    //         },
    //         options: {
    //             legend: {
    //                 display: false
    //             }
    //         }
    //     });
    // })

</script>
